1 files changed, 14 insertions, 3 deletions
diff --git a/src/pages/my/transaction/[id].jsx b/src/pages/my/transaction/[id].jsx
index 5167748c..c3283783 100644
--- a/src/pages/my/transaction/[id].jsx
+++ b/src/pages/my/transaction/[id].jsx
@@ -1,4 +1,7 @@
 import AppLayout from '@/core/components/layouts/AppLayout'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import IsAuth from '@/lib/auth/components/IsAuth'
 import TransactionComponent from '@/lib/transaction/components/Transaction'
 import { useRouter } from 'next/router'
@@ -8,9 +11,17 @@ export default function Transaction() {
 
   return (
     <IsAuth>
-      <AppLayout title='Transaksi'>
-        <TransactionComponent id={router.query.id} />
-      </AppLayout>
+      <MobileView>
+        <AppLayout title='Transaksi'>
+          <TransactionComponent id={router.query.id} />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <TransactionComponent id={router.query.id} />
+        </BasicLayout>
+      </DesktopView>
     </IsAuth>
   )
 }